<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		body {
			background: black;
		}
		
		.box {
			width: 120px;
			height: 120px;
			background: white;
			border-radius: 10px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			align-content: space-between;
		}
		
		/*.item:nth-child(2) {
			align-self: center;
		}
		
		.item:nth-child(3) {
			align-self: flex-end;
		}*/
		
		.box .item {
			width: 30px;
			height: 30px;
			display: block;
			background: black;
			border-radius: 100%;
		}
	</style>

	<body>
		<div class="box">
			<span class="item"></span>
			<span class="item"></span>
			<span class="item"></span>
			<span class="item"></span>
		</div>
	</body>

</html>